// 测试用的 iconfont，可生效
// @import './iconfont.css';

@import "./colorui.css";

.test {
  // 可以通过 @apply 多个样式封装整体样式
  @apply mt-4 ml-4;

  padding-top: 4px;
  color: red;
}

:root,
page {
  // 修改按主题色
  // --wot-color-theme: #37c2bc;
  // 修改按钮背景色
  // --wot-button-primary-bg-color: green;
}

// 深色模式
.wot-theme-dark
{
  .page {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
    position: absolute;
    padding-bottom: 100rpx;
    color: #f5f5f5;
    background-color: #111111;
    width: 100%;
    min-height: 100%;
    height: auto;
  }

  .page-text{
    color: #ffffff;
  }

  .tabbar-bg{
    background-color: #111111;
  }
}


// 浅色模式
.wot-theme-light
{
  .page {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
    position: absolute;
    padding-bottom: 100rpx;
    color: #000000;
    background-color: #f5f6f7;
    width: 100%;
    min-height: 100%;
    height: auto;
  }

  .page-text{
    color: #000000;
  }

  .tabbar-bg{
    background-color: #ffffff;
  }
}

.page-content{
  padding: 40rpx;
}


/*
border-t-1
由于uniapp中无法使用*选择器，使用魔法代替*，加上此规则可以简化border与divide的使用，并提升布局的兼容性
1. 防止padding和border影响元素宽度。 (https://github.com/mozdevs/cssremedy/issues/4)
2. 允许仅通过添加边框宽度来向元素添加边框。 (https://github.com/tailwindcss/tailwindcss/pull/116)
3. [UnoCSS]: 允许使用css变量'--un-default-border-color'覆盖默认边框颜色
*/
// 这个样式有重大BUG，先去掉！！(2025-08-15)
// :not(not),
// ::before,
// ::after {
//   box-sizing: border-box; /* 1 */
//   border-width: 0; /* 2 */
//   border-style: solid; /* 2 */
//   border-color: var(--un-default-border-color, #e5e7eb); /* 3 */
// }
